@charset "UTF-8";
@import 'config';

.header {
  @include h(88);
  background-color: #da0900;
  .content {
    position: relative;
    @include w(710);
    margin: 0 auto;
    .back {
      display: inline-block;
      position: absolute;
      @include l(30);
      @include lh(88);
      @include mt(24);
    }
    .title {
      @include fs(36);
      color: white;
      display: inline-block;
      position: absolute;
      left: 42%;
      @include w(150);
      @include lh(88);
    }
    .set {
      display: inline-block;
      position: absolute;
      @include r(30);
      @include lh(88);
      @include mt(24);
    }
  }
}
.main{
  position: relative;
  .bg-imgs{
    >img{
      width: 100%;
    }
    .head-portrait{
      text-align: center;
      position: absolute;
      left: 40%;
      @include t(25);
      img{
        display: inline-block;
        @include w(176);
        @include h(176);
      }
      span{
        @include fs(36);
        display: block;
      }
    }
  }
  .order-form{
    .order-wallet{
      @include w(710);
      margin: 0 auto;
      position: relative;
      .left{
        display: inline-block;
        vertical-align: middle;
        @include mr(10);
        @include ml(20);
      }
      span{
        @include fs(36);
        @include lh(80);
        vertical-align: middle;
      }
      i{
        @include fs(24);
        font-style:normal;
        vertical-align: middle;
        position: absolute;
        @include r(40);
        @include t(26);
      }
      .right{
        vertical-align: middle;
        display: inline-block;
        @include ml(10);
        position: absolute;
        @include r(6);
        @include t(28);
      }
    }
    .option{
      @include w(710);
      margin: 0 auto;
      padding:0;
      list-style: none;
      li{
        display: inline-block;
        @include w(110);
        text-align: center;
        img{
          @include w(110);
          @include h(110);
        }
        span{
          @include fs(24);
          display: block;
        }
      }
      li:nth-of-type(2){
        @include ml(80);
        @include mr(80);
      }
      li:nth-of-type(3){
        @include mr(80);
      }
    }
    .prominent{
      width: 100%;
      background-color: #ddd;
      @include mt(10);
    }
  }
}